@baseFontSize:20px;
@baseSize:20;
html{
  font-size: @baseFontSize;
}
.px2rem(@name,@px){
    @{name}:@px / 2 / @baseSize * 1rem;
}

*{
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
}
.header{
  .px2rem(width,750);
  .px2rem(height,132);
  border-bottom: 1px solid #e9e9e9;
  span{
    .px2rem(font-size,55);
    text-align: center;
    .px2rem(line-height,132);
    font-weight: bold;
  }
}
.back{
  .px2rem(margin,20);
  color: black;
}
.headerList{
  color: red;
  .px2rem(margin-left,100);
}
.seckillShop{
  .px2rem(width,750);
  .px2rem(height,289);
  .px2rem(margin-top,20);
  display: flex;
  justify-content: space-around;
  img{
    .px2rem(width,283);
    .px2rem(height,285);
  }

}
.seckillShop>div{
  flex: none;
}
.seckillLeft{
  .px2rem(width,283);
  .px2rem(height,285);
  background: #ffffff;
}
.seckillRight{
  .px2rem(width,433);
  .px2rem(height,256);
  .px2rem(margin-top,5);
  .px2rem(margin-left,20);
  p{
    .px2rem(font-size,40);
    .px2rem(margin-bottom,20);
  }
  span{
    .px2rem(font-size,40);
  }
}
.price{
  color: red;
  font-weight: bold;
  .px2rem(margin-left,20);
}
.btn{
  .px2rem(width,300);
  .px2rem(height,80);
  border: 1px solid #ff776f;
  color: #fbfbfb;
  background: #ff776f;
  .px2rem(font-size,60);
  text-align: center;
  .px2rem(margin-top,50);
  .px2rem(margin-left,80);
}
